那我們今天就繼續完成呈現輸入訊息的部分,
昨天的部分跟今天的內容是連在一起的,
所以各位要把他們連在一起看喔~
message += '<div class="message_row you-message"><div class="message-content"><div class="message-text">' + input + '</div><div class="message-time">' +
"09/23 10:16" + '</div></div></div>';
var el = document.getElementById('chatRoom');
el.innerHTML = message;
我們前面已經可以抓取到輸入訊息的內容了,
那我們接下來就把內容改成Html的格式,
因為要將內容顯示在聊天室,
所以要再抓取聊天室的元素,
之後用innerHTML這個功能顯示。
那明天應該就可以將基礎的聊天室內容完成,
我們就拭目以待吧~